<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>德育教育</title>
    <script type="text/javascript" src="../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/script.js"></script>
    <script type="text/javascript" src="../static/js/template.js"></script>
    <link rel="stylesheet" href="../static/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/style.css">
    <style>
        .headerbs{
            box-shadow:  0 8px 6px -6px #ddd;
        }
        .active{
            color:#B8CF6F;
            font-weight: bold;
        }
        .maincontent{
            margin-top: 70px;
            padding-bottom: 70px;
        }
        .current_title{
            color:#868686;
            font-size: 18px;
            padding: 20px 0;
        }
        .item{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .item .limg{
            background-image: url("../static/img/1.png");
            position: relative;
            height: 0;
            overflow: hidden;
            margin: 0;
            padding-bottom: 165px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 25%;
        }
        .item .info{
            width: 70%;
        }
        .title{
            color:#444;
            font-size: 18px;
        }
        .desc{
            font-size: 14px;
            color:#444;
            margin: 15px 0;
            line-height: 23px;
        }
        .read{
            color:#777;
            display: flex;
            justify-content: space-between;
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="header headerbs">
        <div class="glogo"></div>
        <div class="nav">
            <div class="active">首页</div>
            <div onclick="window.location.href='../resources/index.html?type=online'">资源在线</div>
            <div onclick="window.location.href='../headmaster/index.html?type=teacher'">班主任工作</div>
            <div onclick="window.location.href='../classroom/index.html?type=classroom'">德育讲堂</div>
            <div onclick="window.location.href='../activity/index.html?type=activity'">活动专区</div>
        </div>
    </div>
    <div class="maincontent">
        <div class="current_title"><label for="index">首页</label> > <label for="item" class="stitle"></label></div>
        <div class="list">
            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>

            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>

            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>

            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>
            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>
            <div class="item">
                <div class="limg">&nbsp;</div>
                <div class="info">
                    <p class="title">教育部办公厅国家新闻出版广电总局办公厅关</p>
                    <p class="desc outline2">
                        政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件政策文件
                    </p>
                    <p class="read"><span style="cursor: pointer;">阅读全文</span><span>2020-05-21</span></p>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>

<script>
    $(function(){
        var title = getUrlParam('title');
        $(".stitle").html(title);
    });
</script>